<template>
    <div class="cart-list">
        <scroll class="content" ref="scroll">
            <cart-list-item
                v-for="(item,index) in cartList"
                :key="index"
                :item-info="item"/>
        </scroll>
    </div>
</template>

<script>
    import {mapGetters} from 'vuex'
    import Scroll from "../../../components/common/scroll/Scroll";
    import CartListItem from "./CartListItem";

    export default {
        name: "CartList",
        components: {CartListItem, Scroll},
        computed: {
            ...mapGetters(['cartList'])
        },
        activated() {
            this.$refs.scroll.refresh()
        }

    }
</script>

<style scoped>
    .cart-list {
        height: calc(100% - 44px - 49px );
    }

    .content {
        height: calc(100% - 40px);
        overflow: hidden;
    }
</style>
